<template>
  <a-tabs lazy-load v-model:active-key="myQueryType" @change="change">
    <a-tab-pane :key="1" title="待处理"> </a-tab-pane>
    <a-tab-pane :key="2" title="已处理"> </a-tab-pane>
    <a-tab-pane :key="3" title="已发起"> </a-tab-pane>
    <a-tab-pane :key="4" title="我收到的"> </a-tab-pane>
  </a-tabs>
</template>
<script setup lang="ts">
import { useVModel } from '@vueuse/core';
const props = withDefaults(
  defineProps<{
    queryType: number;
  }>(),
  {
    queryType: 1
  }
);
const emit = defineEmits(['update:queryType', 'changeStatus']);
const myQueryType = useVModel(props, 'queryType', emit);

const change = (e: any) => {
  emit('changeStatus', e);
};
</script>
